/*
#------------------------------------------------------------------------
# e-Sport - January 2011 template (for Joomla 1.7/2.5)
#
# Copyright (C) 2007-2011 Gavick.com. All Rights Reserved.
# License: Copyrighted Commercial Software
# Website: http://www.gavick.com
# Support: support@gavick.com 
*/

/* headings */
 
p.gkHeadline { margin: 5px 0 0 !important; text-align: center; font: normal 2em/1.9 "Lucida Grande", Tahoma; color: #222; }
p.gkSubHeadline { margin: 0 0 24px!important; letter-spacing: 0.3em; text-align: center; text-transform: uppercase; font: lighter 0.75em/1em "Lucida Grande", Tahoma; color: #666; }
p.gkSmallHeadline { margin: 1em 0 !important; letter-spacing: 2px; text-transform: uppercase; font-size: 10px; font-weight: bold; color: #bbb }
p.gkLargeHeadline { margin: 0 !important; padding: 0px 0px 6px 0px; letter-spacing: -2px; font: normal 44px/38px Arial, Helvetica, sans-serif; color: #444; }
/*icons*/

.gkAudio,
.gkCreditcard,
.gkFeed,
.gkHelp,
.gkWebcam,
.gkImages,
.gkLock,
.gkPrinter,
.gkReport,
.gkScript,
.gkTime,
.gkUser,
.gkWorld,
.gkCart,
.gkCd,
.gkChartBar,
.gkChartLine,
.gkChartPie,
.gkClock,
.gkCog,
.gkCoins,
.gkCompress,
.gkComputer,
.gkCross,
.gkDisk,
.gkError,
.gkEmail,
.gkExclamation,
.gkFilm,
.gkFolder,
.gkGroup,
.gkHeart,
.gkHouse,
.gkImage,
.gkInformation,
.gkMagnifier,
.gkMoney,
.gkNew,
.gkNote,
.gkPage,
.gkPage_white,
.gkPlugin,
.gkAccept,
.gkAdd,
.gkCamer,
.gkBrick,
.gkBox,
.gkCalendar,
.gkCamera { padding:0 0 2px 30px!important }
/*blocks*/ 

p.gkInfo1,
p.gkTips1,
p.gkWarning1,
p.gkInfo2,
p.gkTips2,
p.gkWarning2 { padding: 8px 16px 8px 56px; min-height: 20px; line-height: 20px; color: #333 }
p.gkInfo2,
p.gkTips2,
p.gkWarning2 { padding-left: 66px; min-height: 46px }
p.gkInfo3,
p.gkTips3,
p.gkWarning3,
p.gkInfo4,
p.gkTips4,
p.gkWarning4 { padding: 12px 16px 12px 86px; line-height: 20px; min-height: 46px }
/*highlight*/

.gkHighlight1,
.gkHighlight2,
.gkHighlight3,
.gkHighlight4 { padding:1px 5px; text-shadow: none; cursor: default }
.gkHighlight1:hover { background:#fff; }
.gkHighlight2:hover { background:#333; color: #fff }
.gkHighlight3:hover { background:#fff; color: #000 }
.gkHighlight4:hover { background: #fff; color: #000 }
/*code */

pre,
.gkCode1,
.gkCode2,
.gkCode3 { margin:10px 0 15px!important; padding:10px 15px!important; font: normal 0.92em/18px 'Curier New', monospace!important; }
pre,
.gkCode1,
.gkCode2 { opacity: 1; }
.gkCode3 { padding-left: 82px !important; }
.gkCode3 h4 { width:35px; position:relative; top: 0; margin: 0 0 0 -64px!important; padding: 2px 5px 0; font-size: 13px; font-weight:bold }
pre:hover,
.gkCode1:hover { background: #fff; }
div.gkCode2:hover,
div.gkCode3:hover { color: #000; }
/* lists */

ol { margin: 2em 0; padding: 0; list-style-position:inside }
ol.gkDec { list-style-type:decimal; }
ol.gkRoman { list-style-type:upper-roman; }
ol.gkAlpha { list-style-type:lower-alpha; }
ol.gkDecimalLeadingZero { list-style-type:decimal-leading-zero; }
/* unordered lists */

ul.gkBullet1,
ul.gkBullet2,
ul.gkBullet3,
ul.gkBullet4,
ul.gkCircle1,
ul.gkCircle2,
ul.gkSquare1,
ul.gkSquare2,
ul.gkSquare3 { margin: 2em 0; padding: 0; }
ul li { list-style-position:outside }
ul.gkBullet1 li,
ul.gkBullet2 li,
ul.gkBullet3 li,
ul.gkBullet4 li,
ul.gkCircle1 li,
ul.gkCircle2 li,
ul.gkSquare1 li,
ul.gkSquare2 li { margin: 0!important; padding: 2px 0 2px 28px; line-height: 1.8em!important; list-style-position:inside; overflow:inherit; }
/* Definition lists */
dl.gkDef1 dt,
dl.gkDef2 dt,
dl.gkDef3 dt { margin:10px 0 5px 0 }
dl.gkDef1 dd,
dl.gkDef2 dd,
dl.gkDef3 dd { padding:10px; }
dl.gkDef2 dt { text-decoration:underline }
dl.gkDef3 dt { margin-top: 10px; letter-spacing: 0.3em; text-transform: uppercase; font: lighter 1.1em/1.2em "Lucida Grande", Tahoma; font-variant: normal; color: #666666; }
/* acronyms and abbrs */
acronym,
abbr { border-bottom-width:1px; border-bottom-style:dotted; }
acronym:hover,
abbr:hover { border-bottom-style:solid; cursor:pointer }
/* Legends */

div.gkLegend1 h4,
div.gkLegend2 h4,
div.gkLegend3 h4,
div.gkLegend4 h4 { float:left; position:relative; top: -18px; left:11px; margin:0 0 -9px!important; padding: 0 10px; font-size: 18px; line-height: 18px; font-weight:normal; background: #fff; text-shadow: none; }
div.gkLegend1,
div.gkLegend2,
div.gkLegend3,
div.gkLegend4 { margin: 25px 0; padding: 6px; }
div.gkLegend1 p,
div.gkLegend2 p,
div.gkLegend3 p,
div.gkLegend4 p { margin:7px; clear:both; }
/* Dropcaps */

span.gkDropcap1,
span.gkDropcap2,
span.gkDropcap3 { display:block; float:left; line-height:1.0em; font-size: 5.0em; color: #333; }
span.gkDropcap1 { height:61px; margin:-4px 5px -3px 0 }
p.gkDropcap2 { padding:0 0 0 50px }
span.gkDropcap2 { height:61px; margin:-4px 0 0 -50px }
p.gkDropcap2 { padding-left: 50px; }
p.gkDropcap3 { margin-top:32px }
span.gkDropcap3 { height:61px; margin:-32px 5px 0 0 }
/* Blockquotes */

blockquote { margin:20px 0; font-style:italic; }
blockquote div { display:block; }
blockquote div.gkBlockquote1 div,
blockquote div.gkBlockquote2 div { padding:0 24px; }
blockquote div.gkBlockquote3 { padding-bottom:5px }
blockquote div.gkBlockquote3 div { padding:5px 27px 0 27px }
blockquote div.gkBlockquote4 div { padding: 0 27px }
/* Floated blocks */

.gkBlockTextLeft,
.gkBlockTextRight,
.gkBlockTextCenter { display: block; font-size: 16px; font-style: italic; line-height: 130%; padding: 30px; width: 38%; }
.gkBlockTextLeft { float:left; text-align:left }
.gkBlockTextRight { float:right; text-align:right }
.gkBlockTextCenter { margin:0 auto; text-align:center }
/* numBlocks*/

p.numblocks { position: relative; min-height: 38px; margin: 30px 0; padding: 0 0 0 72px !important; }
p.numblocks span { position: absolute; top: 4px; left: 0; height: 48px; width: 48px; color: #fff; display: block; font-size: 28px; line-height: 48px; text-align: center; }
p.num-1 span { background: url('../../images/style1/typography/number-1.png') no-repeat 50% 50%; }
p.num-2 span { background: url('../../images/style1/typography/number-2.png') no-repeat 50% 50%; }
p.num-3 span { background: url('../../images/style1/typography/number-3.png') no-repeat 50% 50%; }
/* Blocks*/

.gkblock-1,
.gkblock-2,
.gkblock-3,
.gkblock-4,
.gkblock-5,
.gkblock-6,
.gkblock-7,
.gkblock-8,
.gkblock-9 { margin: 20px 0; padding: 6px 12px; }
/* Blocks*/

.bubble-1,
.bubble-2,
.bubble-3,
.bubble-4,
.bubble-5,
.bubble-6 { position: relative; margin: 20px 0 40px; padding: 6px 12px; }
.bubble-1 cite,
.bubble-2 cite,
.bubble-3 cite,
.bubble-4 cite,
.bubble-5 cite,
.bubble-6 cite { height: 17px; position: absolute; bottom: -17px; display: block; left: 20px; font-size: 11px; font-weight: bold; line-height: 22px; padding-left: 30px; background: url('../../images/style1/typography/buble_arrow.png') no-repeat 0 0; color: #333 !important }
/*blockquote*/
blockquote div.gkBlockquote1 { background: url('../../images/style1/typography/open1.png') no-repeat left bottom }
blockquote div.gkBlockquote1 div { background: url('../../images/style1/typography/close1.png') no-repeat right top }
blockquote div.gkBlockquote2 { background: url('../../images/style1/typography/open1.png') no-repeat left top }
blockquote div.gkBlockquote2 div { background: url('../../images/style1/typography/close1.png') no-repeat right top }
blockquote div.gkBlockquote3 { background: url('../../images/style1/typography/open2.png') no-repeat left bottom }
blockquote div.gkBlockquote3 div { background: url('../../images/style1/typography/close2.png') no-repeat right top }
blockquote div.gkBlockquote4 { background: url('../../images/style1/typography/open2.png') no-repeat left top }
blockquote div.gkBlockquote4 div { background: url('../../images/style1/typography/close2.png') no-repeat right top }
/*tables*/
.gkTable { border-collapse: collapse; font-style: normal }
.gkTable thead { padding:5px 10px; text-align: left; font: normal 19px/32px "Lucida Sans Unicode", "Lucida Grande", sans-serif; }
.gkTable td { padding: 10px; }
.gkTable tfoot { margin-bottom: 10px; margin-top: 0px; padding:0px; text-align: right; font-size: 0.8em; font-style: italic }
.gkTable2 { border-collapse: collapse; font-style: normal }
.gkTable2 thead { text-align: left; font: normal 20px/32px "Lucida Sans Unicode", "Lucida Grande", sans-serif; padding:5px 10px; }
.gkTable2 td { padding: 10px; }
.gkTable2 tfoot { margin-bottom: 10px; margin-top: 0px; padding:0px; text-align: right; font-size: 0.8em; font-style: italic }
/*tooltips*/

.gkTooltip { position: relative; outline: none; cursor: help; text-decoration: none; color: #000; text-shadow: none }
.gkTooltip span { position: absolute; margin-left: -999em; font-size: 11px; line-height: 16px; }
.gkTooltip:hover span { position: absolute; left: 0.5em; top: 1em; z-index: 99; width: 250px; margin-left: 0; }
.gkTooltip:hover em { display: block; padding: 0; font-size: 20px; line-height: 30px; text-decoration: none!important; text-shadow: none; font-style: normal !important }
.classicTooltip { padding: 0.6em 0.8em; text-shadow: none }
.customTooltip { padding: 0.6em 0.8em; text-shadow: none }
/** 
 * 
 * colors 
 * 
 * --------------------------------------------------------------------------------------------------------
 *
 *
 *
 **/

pre,
.gkCode1,
.gkCode2 { padding-left: 32px; border: 1px solid #EAE8CC; border-left: 4px solid #90A857; background: #FFFEF4; color: #333; }
.gkCode2 { background: #fff; border: 1px solid #eee; border-left: 4px solid #f47b20; }
.gkCode3 { border: 1px solid #eee; background: #fff }
.gkCode3 h4 { background: #90a857; color:#fff; text-align: center; text-shadow: none; }
/* Warning message */
p.gkInfo1,
p.gkInfo2 { background: url('../../images/style1/typography/info_small.png') no-repeat 4px 12px; }
p.gkInfo3,
p.gkInfo4 { background: url('../../images/style1/typography/info.png') no-repeat 4px 10px; }
p.gkTips1,
p.gkTips2 { background: url('../../images/style1/typography/tips_small.png') no-repeat 4px 12px; }
p.gkTips3,
p.gkTips4 { background: url('../../images/style1/typography/tips.png') no-repeat 4px 10px; }
p.gkWarning1,
p.gkWarning2 { background: url('../../images/style1/typography/warning_small.png') no-repeat 4px 12px; }
p.gkWarning3,
p.gkWarning4 { background: url('../../images/style1/typography/warning.png') no-repeat 4px 9px; }
p.gkInfo2 { border:#eee solid 1px; background-position: 14px 12px; }
p.gkTips2 { border: 1px solid #EAE8CC; background-color: #FFFEF4; background-position: 14px 12px }
p.gkWarning2 { border:1px solid #f8d5d5; background-color: #fff8f8; background-position: 14px 12px; color: #EA3C3C; font-weight: bold; }
p.gkInfo4,
p.gkTips4,
p.gkWarning4 { font-size: 24px; line-height: 26px; color: #999 }
p.gkTips4 { color: #222 }
p.gkWarning4 { color: #f47b20 }
/* Legends */

div.gkLegend1 { border: 1px solid #e5e5e5 }
div.gkLegend2 { border: 1px solid #90a857 }
div.gkLegend3 { border: 1px solid #f47b20 }
div.gkLegend4 { border: 4px double #e5e5e5 }
div.gkLegend1 h4 { background: #fff; color: #333; }
div.gkLegend2 h4 { background: #fff; color: #90a857; }
div.gkLegend3 h4 { background: #fff; color: #f47b20; }
div.gkLegend4 h4 { }
.gkHighlight1 { background: #ffd; }
.gkHighlight2 { background:#eee; }
.gkHighlight3 { background: #90a857; color:#fff; }
.gkHighlight4 { background:#f47b20; color:#fff; }
/* Blocks */

.gkblock-1 { border: 2px dotted #ddd }
.gkblock-2 { border: 2px dotted #f47b20 }
.gkblock-3 { border: 2px dotted #90a857 }
.gkblock-4 { border: 1px solid #eee; background: #fff }
.gkblock-5 { border: 1px solid #EAE8CC; background: #FFFEF4; }
.gkblock-6 { border: 1px solid #e5e5e5; background: #f8f8f8; }
.gkblock-7 { background: #222; color: #fff !important }
.gkblock-8 { background: #f47b20; color: #fff !important }
.gkblock-9 { background: #90a857; color: #fff !important }
/* Bubbles */

.bubble-1 { border: 1px solid #eee; background-color: #fff; }
.bubble-2 { border: 1px solid #EAE8CC; background: #FFFEF4; }
.bubble-3 { border: 1px solid #e5e5e5; background: #f8f8f8; }
.bubble-4 { color: #fff !important; background: #222; }
.bubble-5 { color: #fff !important; background: #f47b20; }
.bubble-6 { color: #fff !important; background: #90a857; }
.bubble-1 cite { }
.bubble-2 cite { background-position: 0 -17px }
.bubble-3 cite { background-position: 0 -34px }
.bubble-4 cite { background-position: 0 -51px }
.bubble-5 cite { background-position: 0 -68px }
.bubble-6 cite { background-position: 0 -85px }
/* list */

ul.gkBullet1 li { background: url('../../images/style1/typography/bullet1.png') no-repeat 0 8px!important; }
ul.gkBullet2 li { background: url('../../images/style1/typography/bullet2.png') no-repeat 0 5px!important; }
ul.gkBullet3 li { background: url('../../images/style1/typography/bullet3.png') no-repeat 0 5px!important; }
ul.gkBullet4 li { background: url('../../images/style1/typography/bullet4.png') no-repeat 0 6px!important; }
ul.gkCircle1 li { background: url('../../images/style1/typography/bullet-circle1.png') no-repeat 0 5px!important; }
ul.gkCircle2 li { background: url('../../images/style1/typography/bullet-circle2.png') no-repeat 0 5px!important; }
ul.gkSquare1 li { background: url('../../images/style1/typography/bullet-square1.png') no-repeat 0 5px!important; }
ul.gkSquare2 li { background: url('../../images/style1/typography/bullet-square2.png') no-repeat 0 5px!important; }
.gkBlockTextLeft,
.gkBlockTextRight,
.gkBlockTextCenter { color: #f47b20; }
span.classicTooltip { background-color: #ffffdd; color: #656565 }
span.criticalTooltip { background:#cb260a; color:#fff; }
span.helpTooltip { background: #333; color:#fff; }
span.infoTooltip { background: #F0F0F0; color: #5b5b5b; border: 1px solid #dedede; }
span.warningTooltip { background: #fff; color: #F93B3B; border: 1px solid #fff; }
/* Social Icons */

.iconDigg,
.iconDelicious,
.iconTwitter,
.iconMobyPicture,
.iconYoutube,
.iconVimeo,
.iconFacebook { display: block; height: 32px; line-height: 32px !important; background: transparent url('../../images/social_icons.png') no-repeat; padding: 0 0 0 46px; margin: 0 0 12px; font-size: 12px !important; }
.iconFacebook { background-position: 0 0; }
.iconTwitter { background-position: 0 -32px; }
.iconVimeo { background-position: 0 -64px; }
.iconMobyPicture { background-position: 0 -96px; }
.iconYoutube { background-position: 0 -128px; }
.iconDigg { background-position: 0 -160px; }
.iconDelicious { background-position: 0 -192px; }
/* demo */
ul#demo-typography { background: transparent; overflow: hidden; padding: 10px 30px 30px 30px; }
ul#demo-typography li { list-style-position: none; list-style-type: disc; line-height: 24px; width: 23.9%; float: left; color: #cb260a; font-size: 11px; }
ul#demo-typography li a { font-size: 11px; text-shadow: 2px 2px 0 #fff }
.demo-typoDiv { clear: both; overflow: hidden; margin: 0 0 30px }
h4.demo-typo { font-size: 20px; font-weight: normal; color: #333; margin: 30px 0; border-bottom: 1px solid #eee; }
.demo-typo-col2 { width: 50%; float: left; }
.demo-typo-col3 { width: 33%; float: left; }
.demo-typo-col4 { width: 25%; float: left; }
.demo-typo_padd { padding: 0 30px 0 0; }
#warnings .demo-typo_padd p { margin: 1em 0 1.6em; }
.typoDesc small { font: normal 10px Monaco, Consolas, "Courier News", monospace; color: #999 }
.gkblock-7 small,
.gkblock-9 small,
.bubble-4 small,
.bubble-5 small,
.bubble-6 small,
.gkblock-8 small { color: #fff !important }
